/*设置背景图片*/
.body {
	position: absolute;
	top: 100px;
	bottom: 45px;
	left: 0px;
	right: 0px;
	width: 100%;
    background: url(../img/p1.jpg) no-repeat;
    background-size:cover;font-size: 15px;
}

.loginFormBox {
    margin-left: 20px;
    margin-right: 20px;
}

footer{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	padding: 10px;
}

/*给表单的边框设置大小,颜色和不透明度*/
.form {
	overflow: hidden;
    background: rgba(255,255,255,0.9);
    border-radius: 16px;
	height: 450px;
    width:400px;
	position: fixed;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
}
/*设置字体和大小*/
label {
    font-family: Arial;font-size: 15px
}
/*当输入正确时,给输入框设置浅绿色*/
input.form-control:valid{
    background-color: mintcream;
}
/*当输入正确时,给输入框设置浅红色*/
input.form-control:invalid{
    background-color: #ffeeed;
}
/*设置图标为行内元素，并设置大小和颜色*/
.fa{
    display: inline-block;
    top: 27px;
    left: 6px;
    position: relative;
    color: #575757;
}
/*为几个输入框设置padding,防止和图标重合*/
input[type="text"],input[type="password"],input[type="email"]{
    padding-left:26px;
    border-radius: 16px;
}
.form-title{
    padding-top:20px;
}
#button{
    padding-bottom: 50px;
}

